游標的效果 iPadOS pointer(模式)

iPadOS提供了3種指標效果,你可以用來突出應用程式中的互動元素。

高亮效果 Highlight Effect

這種效果用於沒有背景的小控制元件,是工具欄按鈕和標籤欄的預設效果。

例如,當指標懸停在控制元件上時,它會移動到控制元件後面,成為受控背景,同時採用更淺的顏色。當控制元件被選中時,其內容會放大,並隨著指標移動,帶有輕微的視差效果。

一個與指標移動相關的光效會疊加在控制元件上,以突出顯示物件。點選時,這三層會縮小並移動到物件中心。

提升效果 Lift effect

這種效果用於已有背景的中等大小的元素。指標會轉化為元素,突出顯示它而不遮擋其內容。

iPadOS中的此效果示例有應用圖示或控制中心模組。當指標接近控制元件時,它會消失在控制元件後面。物件透過放大和新增陰影顯得被提升。顏色會在其周圍擴散,並照亮其背後的背景。

提升效果 工作原理

這些是新增在選中元素的頂部和底部的不同層。

高光層:在元素頂部新增了一個柔和的高光效果,以照亮它。

素材層:icon本身

輻射光效:元素本身會放大,其顏色會在其周圍擴散,覆蓋其周圍環境。

陰影層:在元素下方投射一個陰影,給人一種元素浮在螢幕上的錯覺。

高光用於突出顯示選中的物件,但它還有第二個目的。光的位置顯示了指標在底層的實際位置。

這裡有一個虛線圓圈。高光顯示了指標的位置,並將你的手勢與螢幕上的移動連線起來。

光的強度取決於物件的大小。對於較大的元素,光效會變得更大更亮,因為指標位置較難看清。對於較小的物件,光效會變小或完全不可見,因為不需要。

懸停效果 Hover

通常用於較大的物件,如果指標變形成其形狀會表現不佳。當指標懸停在使用此效果的物件上時,物件會改變其外觀以顯示被聚焦,游標保留其預設形狀並在物件上方可見。這種效果高度可定製,可以是物件的縮放和陰影以提升它,新增到物件的顏色著色,或三者的任意組合。

自定義組合指標效果

A 使用高亮和提升效果時,你可以指定物件的大小和圓角半徑。

B 使用懸停效果時,你還可以為指標提供自定義形狀。提升效果時,必須提供正確的大小和圓角半徑。